@import 'main_style.scss';

.container{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content:center;
  #hello{
    width: 100%;
    height: 100%;
    overflow: hidden;
    .slide-img{
      width:100%;
      height:100%;
    }
    .slide-trans-enter-active {
      transition: all .75s;
    }
    .slide-trans-enter {	  
      transform: translateX(100%);
    }
    .slide-trans-old-leave-active {
      transition: all .75s;
      transform: translateX(-100%);
    }
    #dynamic{
      height: 100%;
      width: 100%;
    }
  }
  .playBtn{
    position: absolute;
    bottom: 50px;
	margin:0px auto; 
    .circle{
      width:11px;
      height:11px;
      background-color: gray;
      margin-right: 20px;
      border-radius: 5.5px;
      border:none;
    }
    .circle:active,.circle:hover,.on{
      background-color:$title_color;
    }
  }
}